Como tenía previsto vamos a explicar como aplicar comillas lo que muchos conocemos también con blockquote.
Añadiremos lo siguiente en nuestra plantilla justo después de <head>

<style>
blockquote {
background: url(aquí-la-url-de-la-imagen) no-repeat 0 5px;
color: #666;
padding-left: 20px;
font-style: italic;
margin-bottom: 1px;
display:block;
padding-top:7px;
}
</style>

Para que nuestras comillas tengan efecto en una entrada añadiremos al editar lo siguiente <blockquote>Aquí el texto</blockquote> o clicando en la pestaña que tenemos en el editor de Blogger .


Esta es la forma a mi entender más sencilla de aplicar comillas, otro día aplicaremos comillas con CSS ;)



Nachio

Hola Gem@ , creo que tiene un error el truco, porque si bien sale la comilla, pero solo al principio, osea no aparece la otra comilla la que encerraria el texto... espero que lo soluciones, saludos!

Responder
Gem@

Hola Nachio el truco como tú le llamas es así, los hay que abren y cierran el texto como hice referencia al final del post ;)

Responder
Josscat

Gema te he puesto un post a tu referencia sobre " categorias " la verdad no se si te referias al menú o al scroll donde estan las categorias, te he puesto ambas cosas... ya me dirás.
Saludos y feliz día

Responder
Unknown

Hola Gem@, encontre una curiosidad que no la eh visto en ningun lado http://www.last.fm/tools/quilts/ , pones el estilo de musica y te aparece los discos de muchas bandas del estilo que uno pone , y te da el codigo... no se, lo encontre extraño y distinto.

Un pequeño aporte a cambio de la gran ayuda de tu pagina.

Saludos!!!!

Responder
Stirner

hola gem@
oye que crees ?
hasta no hace mucho tiempo he encontrado una pagina menus en flash !!! y ya la chaque tiene bun material, es
http://www.flashbuttons.com/
el problema es que cuando hice el mio no se que cosa me pide que haga para que aparezca en mi blog, y esque en esto del flash estoy en pañales
espero y me puedas ayudar pues es una utilidad bastante buena y estan animados y toda la cosa
gracias y nos estamos viendo !!

Responder
Silvi

hola gema!! como estas?
muy lindo el blog, aplique varios consejos que me dieron en este sitio, y estan todos invitados a pasar y opinar a ver que les parece, mi blog es de cosillas variadas, tipo curiosidades, y me gustaria que me agregaras en uno de tus tantos links, yo ya te agregue a los mios...

los espero, saludos a todos
excelente blog!!!

Responder
Gem@

Gracias Josscat, te dejé un comentario en tu blog ;)

Saludos Michael eres muy amable, gracias por la aportación la tendré en cuenta para crear una entrada :)

Que buena página Carlos aunque un poco complicada de verdad, debe ser que yo de flash no sé ni jota como decimos aquí, pero dejamos estos comentarios a ver si alguien que entienda se anima un poco y nos orienta :)

Saludos Silvi, gracias por agregarme, ruego paciencia tengo muchos enlaces de blogs amigos que agregar, pero tenlo por seguro que lo haré ;)

Responder
Anónimo

Hola Gema!!
Justo pregunté por esto en otro blog pero no me dieron ni 5.

Gracias.

Responder
Gem@

Hola Cristian¡ Pues yo te regalo las comillas :P

Responder
Arcana

Hola!
He aplicado tus trucos acabo de lograr las comillas.. voy a publicar un post y te aviso para que las veas..
Lo que no he podido lograr es la diferencia en despues que quite la barra de blogger, eso si que no pude encontar las palabras que dices alli...
Mil Gracias por tu consejos..
Besos
Namaste

Responder
Gem@

Saludos Arcana, si me dices el lugar exacto donde descargaste la plantilla intentaré ayudarte para eliminar ese espacio de la cabecera.

Responder
Ispilatze

¡Hola gemma! Me he liado con una cosita y ojalá puedas ayudarme: en vez de poner comillas en cuando doy a blockquote me gustaría que saliera otra cosa (concretamente una imagen de un trocito de cuaderno que se prolonga a medida que crece el texto contenido en el blockquote). Lo he visto en algún otro blog y me gustaría aplicar el efecto, PERO NO SIEMPRE!! Es decir: ¿crees que hay alguna forma de hacer que pueda elegir entre un tipo de blockquote y otro (llamándolo, por ejemplo blockquote2). Algo parecido apliqué con éxito al borde de las imágenes que se suben a un post poniendo en la plantilla .post img (y sus características) y debajo .post img2 (y las suyas). Luego, después de subir cada imagen en un post, puedo elegir que tengan las características del img2 poniendo, antes de cerrar, class="img2".
No sé si me estoy liando con la explicación. Resumiendo: me gustaría poder elegir que en unos casos el texto entre blockquote fuera tal cual viene por defecto en la plantilla blogger y otra pudiera aplicale "mi" variación, que es:

blockquote {

background: url(URL DE MI IMAGEN.gif); no-repeat 0 3px;

color: #000000;
padding-left:40px;
font-size : 11pt;
font-style: italic;
margin-bottom: 6px;
display:block;
padding-top:5px;

}

Esta forma de hacerlo la he encontrado en "ayuda para el blog" http://ayudaparaelblog.blogspot.com/2007/05/cmo-utilizar-un-bloque-entrecomillado.html
peeeero ya digo, si la aplico tal cual todas las veces mi texto entre blockquote tendría este formato.
Por favor, te agradecería que me dieras una pista si se te ocurre algo...
¡Mis gracias, maestra!

Responder
Gem@

Veamos... ¿quieres que aparezca una imagen y que esa imagen aparezca clicando en blockquote?
No sé si te he entendido bien, de todas formas si lo que deseas es que al escribir una entrada te aparezca una imagen tipo papel y esa imagen se vaya extendiendo conforme vas escribiendo y únicamente aparezca en algunas entradas lo que puedes hacer es añadir un código a la plantilla de entrada eso haría que ese código apareciera automáticamente en el editor de las entrada ssin necesidad de copiar y pegar cada vez que deseas utilizarlo.
Mira estas explicaciones creo que puede serte útil.

Responder
Blog nuevo

Excelente, justo necesitaba algo así.

:=)

Responder
Sergio

Hola! me encanta tu blog, ya me ha ayudado otras veces :)

Yo intento aplicar las blockquotes, pero cuando le doy a ''publicar entrada'' no me salen..

Otra duda que tengo, es que ahora en tu blog, sale un papa noel, como que fuese una mascota pero que queda quieto aunque subas o bajes, bueno creo que ya sabes a lo que me refiero, pues bien, me gustaria saber como se llaman esas ''mascotas'' y donde puedo encontrar algunas o si tengo que crearlas con lgun programa o algo.En fin, como veras soy nuevo en esto de tener blog y mucho menos de aplicar cosas...jaja

un beso y muchas gracias :)

Responder
Gem@

Hola Sergio, para que los blockquotes "aparezcan" primero debes añadirles unos estilos, algo así como una imagen, un borde, un tipo de letra diferente...
En tu plantilla no veo que tengas nada añadido sobre eso, lee la entrada y sigue paso a paso las indicaciones, puedes crear una entrada y marcar el texto con blockquote en el editor, luego le das salida a esa entrada.
Seguidamente te vas a la plantilla y añades los estilos para los blockquotes de esa forma puedes ir viendo en vista previa los cambios que vas realizando en la plantilla :)

El Noel que ves bueno, yo no le llamaría mascota ¿las mascotas son animalitos no?
La función que tiene esa imagen además de ser decorativa es la de llevar la página a inicio cuando estás al final con un efecto deslizante. Haz la prueba, ve al final del blog y click en el Noel ;)
Hay varias formas de añadir una imagen digamos... "fuera del blog"
Imagen flotante en el blog

Imagen flotante con efecto de "ir a INICIO"

Y esa es la misma posibilidad pero con el efcto deslizante, en las explicaciones te indica como añadir el efecto, sólo que el enlace debe ir justo antes de </body>
Ir a INICIO en las entradas con efecto deslizante

Responder
Anónimo

Muchísimas gracias ;)

Responder
Gem@

De nada Sergio ;)

Responder
Anónimo

Otra duda..xDD

me he puesto a buscar imágenes, pero no las encuentro tan chulas como la tuya, además algunas me salen con el fondo blanco, formando el cuadro de la foto...:(

¿Álguna página en especial?

Gracias ;)

Responder
Gem@

Pues la verdad algunas páginas deben haber, pero ahora mismo no recuerdo, si buscas en Google " imágenes de blockquotes" a lo mejor te da páginas sobre CSS y encuentras alguna.
Lo de los bordes se puede suprimir pero he visto que que lo personalizaste en color azul.

Responder
Anónimo

No, si blockquotes ya encontré y ya las apliqué :) [aunque me queda quizá un poco debajo del texto] pero bueno xDD

me refería a la imagen flotante, que sé agregarla pero imágenes bonitas..pocas encuentro :$ jaja

un beso!! y te agrego a blogs que sigo, xq siempre te tengo que buscar en google :P

Responder
Gem@

Esas imágenes búscalas en iconos hay de varios tamaños ;)
Gracias por enlazarme :)

Responder
Anónimo

hola gem@!!!! quiero poner blockquotes sin comillas ¿cómo lo hago?

Responder
Antonieta H.

hola gema...cuando uno pone esto y esta creando una entrada al pulsar vista previa se debería ver el cambio? o se ve después publicado? ¿la imagen debe ser de un tamaño especifico? jajaja creo que ya pregunte mucho...saludos

Responder
Antonieta H.

hola...ya vi que si se podía solo que la imagen era un poco grande y se veían las letras montadas :P pero de lo demás todo bien ya encontrare una imagen de comillas bonita...besitos gema

Responder
Gem@

Besitos Bluesoul me alegra que lo consiguieras :)

Responder
RAMPY

Hola, Gem@ he hecho todo lo que ponía en tu blog, pero a mí no me sale comilla alguna.
Habré hecho algo mal
Un beso
Rampy

Responder
RAMPY

:O

Responder
Gem@

Todo no RAMPY, te falta añadir la url de la imagen ;)

Responder
RAMPY

Upps :O Qué fallo!! Sabes algún sitio donde se puedan bajar?
Gracias por tu ayuda.
Feliz día.

Responder
Gem@

No sé de alguna página Rampy pero en Google debe haber algo busca en imágenes de blockquotes ;)

Responder
RAMPY

gracias, he encontrado esta url
http://pixelspread.com/demo/quotebg.png que he copiado y pegado en el lugar donde pone Pon url de la imagen, pero sigue sin salirme nada.

Responder
Gem@

Rampy te olvidaste el paréntesis que encierra la url ;)

<style>
blockquote {
background: url(http://pixelspread.com/demo/quotebg.png) no-repeat 0 5px;
color: #666;
padding-left: 30px;
font-style: italic;
margin-bottom: 1px;
display:block;
padding-top:7px;
}
</style>

Te voy a mandar deberes para casa jajajajaja

Responder
RAMPY

Entonces, tengo que ponerle paréntesis?

Responder
Gem@

Si Rampy, el código que te he dejado es el correcto ;)

Responder
RAMPY

El único problema que hay es que sólo me sale una sola comilla, estoy buscando otro enlace a ver si me salen las dos. Ains!!!

Responder
Gem@

Mira aquí

Puede ser cualquier imagen, no necesariamente una comilla ;)

Responder
RAMPY

Hola, Gema, perdona que te moleste de nuevo, y me ponga pesado, pero dónde se supone que hay que insertar esas líneas que me has mandado en el enlace de antes?
Muchas gracias y un saludo.
rampy

Responder
Gem@

Esa entrada es una explicación de añadir las comillas con css, es igual que tu haces sólo que añadimos directamente el código en la plantilla donde dice .post blockquote {

Responder
RAMPY

He intentado buscar esa línea en mi plantilla, pero usando el sistema de ctrl+g no me encuentra ninguna línea así, con lo cual, no sé exactamente dónde tengo que ponerlo.

Responder
Gem@

Puedes añadirlo si ves que tu plantilla no lo incluye, o también copiar los estilos que te gusten y añadirlos con el mismo sistema que estabas haciendo pero sustituyendo los antiguos estilos por los nuevos.

Responder
RAMPY

Perdona que sea tan insistente, es que prefiero no quedarme con la duda. Me preguntaba si la ubicación de estas nuevas líneas es en la misma situación que en la otra explicación de los blogquotes.
En definitiva: en el mismo lugar donde se supone iba la otra línea que a mí me resultó tan "conflictiva".
Gracias y disculpa por las molestias.
Rampy

Responder
Gem@

Si no tienes esa parte de código y no quieres añadirla no pasa nada, la forma que lo hacias es completamente válida. Es decir añadiendo los estilos dentro de las etiquetas <style> y </style> eso se hace porque lo añadimos fuera de las hojas de estilo. Si te gusta algún otro estilo de la otra entrada lo que tienes que hacer es copiar los estilos y ponerlos sustituyendo los que tienes ahora.
Haz la prueba sin miedo copias los estilos y los añades en lugar de los que tienes no le pasa nada a la plantilla y puedes ver en vista previa :)

Responder
RAMPY

Hola, Gema, he estado probando las plantillas ( por llamarlo de alguna manera) y algunas me funcionan y otras no. Es eso normal?
por otra parte, decirte que no consigo ver el efecto deseado en la opción "vista previa", y me pregunto si eso fuera también normal o es que mi blog está gafado.
Un besote enorme y gracias por tu infinita paciencia.
Rampy

Responder
Gem@

No creo que esté gafado es más no creo en esas cosas jajajaja pienso más que es un error y como tal no se muestra.
Dime qué comillas o estilos quieres añadir y te digo lo que debes pegar en la plantilla.

También estoy pensando si cuando creas una cita o texto la estás envolviendo con la etiqueta blockquote o al menos lo marcas con el icono para ese menesta en el formulario de entradas... ¿lo estás haciendo?

Responder
RAMPY

Hola, de nuevo, Gema, A continuación te voy a decir exactamente los pasos que sigo para realizar las pruebas en mi blog.
En primer lugar, me voy a la plantilla y añado las lineas.
Luego, hago como si fura una entrada nueva y pongo algo, aunque sea incoherente.
Después, selecciono el texto con el botoncejo que hay en el cuadro de mandos
A continuación, le doy a vista previa y veo que si se han producido los cambios. En la mayoría de los veces, tengo que ver el post publicado para ver los cambios
Luego cuando está el post publicado, veo si se han producido los cambios y luego los borro.
Es eso exactamente lo que querías decirme?
Un beso y gracias por tu infinita paciencia. Creo que voy a tenerte que hacer un monumento o incluso hacer un rampyrelato con mis peripecias. :D :D

Responder
Gem@

Eso es Rampy, pero no así exactamente ;)
Ante todo una observación... crea un blog para las pruebas nos ahorra tiempo y evita que por error un día estropees algo de la plantilla esto de hoy no tiene importancia pero otras veces se trata de expandir la plantilla y ni te cuento lo que tenemos ahí.
Además cada vez que das salida a una entrada le llegará la actualización a tus suscriptores ;)

Bien te decía que la forma de ver los ca,bios es la siguiente:
Creas una entrada y le das salida..
Luego añades el código y cada vez que le hagas un cambio al código puedes mirar en vista previa de esa forma no te pasas todo el rato guardando y editando la plantilla.

- En lugar de un monumento prefiero un muñeco de chocolate jajajaja los monumentos para los toreros :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top